.maincontainer {width: 980px; 
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

.main_sprite{ background:url(../images/sprites.png) no-repeat; display:block;}

/* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */
header { width:100%; margin:0 auto;}
.topportion {height:74px;}
.logo { width:280px; height:42px; float:left; margin:17px 0px 0px 0px;}
.topright { width:380px; float:right; margin:0px 0px 0px 0px;}
.top_tradesmen { text-align:right; color:#19a3da; margin-top:15px;}
.top_tradesmen a {color:#19a3da;}
.top_tradesmen a:hover { color:#454545;}
.top_register { text-align:right; color:#19a3da; margin-top:10px;} 
.top_register a {color:#19a3da;}
.top_register a:hover {color:#454545;}

/*nav { width:100%; height:41px; background-color:#6bc3e6;} */
nav { width:100%; height:41px; background-color:#6bc3e6;}
.navi_left { margin:0px 0px 0px 0px;}
.navi_left ul { margin:0px; padding:0px; list-style:none; }
.navi_left ul li { margin:0px; padding:0px 17px; float:left; font:15px "OpenSansRegular", Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:41px; background:url(../images/nav_dividrline.jpg) no-repeat top right;

	border-right:1px solid #ccc;
}
.navi_left ul li a { color:#036e99;}
.navi_left ul li a:hover { color:#fff;}
.navi_left ul li .select { color:#fff;}

.banner_portion { width:100%; height:480px; background:url(../images/banner_greyimg.jpg) repeat-x top center;}
.banner_middle { width:1190px; margin: 0 auto;}
.banner_left { width:453px; float:left; border:0px solid red; margin-left:120px;}
.banner_bidhead {font:40px "OpenSansBold", Arial, Helvetica, sans-serif; color:#19a3da; text-transform:uppercase; margin-top:25px;}
.banner_subhead {font:25px "OpenSansBold", Arial, Helvetica, sans-serif; color:#555555; text-transform:uppercase; margin-top:18px;}
.banner_descrip {color:#454545; font-size:14px; line-height:19px; margin-top:5px;}

.banner_whattype_hd {font-size:14px; color:#19a3da; font-weight:bold; margin-top:15px;}
.banner_inputbx { width:435px; background-color:#ececec; border:1px solid #bcbcbc;  font-size:13px; color:#454545; padding:11px 10px !important; margin-top:5px; 
-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.50);
-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.50);
box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.50);
}
.banner_textarea { width:415px; height:66px; background-color:#ececec; border:1px solid #bcbcbc;  font-size:13px; color:#454545; padding:10px 10px; margin-top:5px; 
-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.50);
-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.50);
box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.50);
}
.banr_nextstep_btn { float:right; margin:20px 14px 0px 0px; *margin-right:8px; font-size:22px; }
.banr_bluebtn { font-weight:bold; color:#FFF; text-align:center; text-transform:uppercase; padding:7px 8px; border:0px; cursor:pointer; border:1px solid #4eb0d7; box-shadow:0px 2px 0px #0594cd; *border:0px;
background: rgb(107,195,230); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  rgb(107,195,230) 0%, rgb(27,164,218) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(107,195,230)), color-stop(100%,rgb(27,164,218))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(107,195,230) 0%,rgb(27,164,218) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(107,195,230) 0%,rgb(27,164,218) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(107,195,230) 0%,rgb(27,164,218) 100%); /* IE10+ */
background: linear-gradient(top,  rgb(107,195,230) 0%,rgb(27,164,218) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bc3e6', endColorstr='#1ba4da',GradientType=0 ); /* IE6-8 */


-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.banr_bluebtn:hover { 
background: rgb(27,164,218); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  rgb(27,164,218) 0%, rgb(107,195,230) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(27,164,218)), color-stop(100%,rgb(107,195,230))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(27,164,218) 0%,rgb(107,195,230) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(27,164,218) 0%,rgb(107,195,230) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(27,164,218) 0%,rgb(107,195,230) 100%); /* IE10+ */
background: linear-gradient(top,  rgb(27,164,218) 0%,rgb(107,195,230) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ba4da', endColorstr='#6bc3e6',GradientType=0 ); /* IE6-8 */

-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.banr_bluebtn a { color:#FFF;}
.banr_bluebtn a:hover { color:#FFF;}
.banner_right { width:615px; height:507px; float:right; margin:35px 0px 10px 0px;}

/* ~~ MIDDLE PORTION CSS ~~ */
.inner_wrapper{ background:url(../images/inner_bg.jpg) no-repeat top center;}
.middle_portion { width:980px; margin:0 auto 0 auto; min-height:350px;}
.howitworks {margin:10px 0 0 0;}
.howworks_head {font:30px "OpenSansRegular", Arial, Helvetica, sans-serif; color:#767676; margin:10px 0px 0px 25px;}
.howworks_blueimg { width:905px; height:115px; background:url(../images/howworks_blueimg.png) no-repeat top left; padding:40px 35px 0px 40px; }
.howworks_postjob { width:128px; float:left; margin:5px 0px 0px 70px;}
.howworks_getquote { width:112px; float:left; margin:5px 0px 0px 125px;}
.howworks_checkfdbk { width:131px; float:left; margin:5px 0px 0px 103px;}
.howworks_tradesman { width:125px; float:left; margin:5px 0px 0px 110px;}
.howworks_subhead {font:15px "OpenSansRegular", Arial, Helvetica, sans-serif; color:#000000;}
.howworks_descrip { line-height:18px; color:#fff; margin-top:3px;}

.featuredjobs { width:310px; float:left;}
.featredjobs_head { width:310px; height:42px; font:30px "OpenSansRegular", Arial, Helvetica, sans-serif; color:#19a3da; background:url(../images/featuredjob_undeline.png) no-repeat bottom left; padding:0px 0px 18px 25px; margin-top:20px;}
.featredjobs_dottedline { border-bottom:1px dotted #b6b6b6; padding-bottom:15px; margin-bottom:15px; }
.featredjob_leftimg { width:93px; height:93px; border:0px solid #e3e3e3; float:left; }
.featredjob_rt_contain { width:200px; float:right; }
.featredjobs_subhead {font:15px "OpenSansRegular", Arial, Helvetica, sans-serif; color:#454545;}
.featredjobs_descrip {color:#454545; line-height:18px; margin-top:5px;}
.featredjobs_more {color:#19a3da; text-align:right; margin-top:8px;}
.featredjobs_more a {color:#19a3da;}
.featredjobs_more a:hover {color:#454545;}

.featured_tradesmen { width:310px; float:left; margin-left:20px;}
.featredtrade_head { width:310px; height:42px; font:30px "OpenSansRegular", Arial, Helvetica, sans-serif; color:#5f5f5f; background:url(../images/featuredjob_undeline.png) no-repeat bottom left; padding:0px 0px 18px 25px; margin-top:20px;}
.featredtrade_subhead {font:15px "OpenSansBold", Arial, Helvetica, sans-serif; color:#19a3da;}
.featredtrade_subhead span { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#969696; font-style:italic;}
.featredtrade_location_hd { color:#969696; line-height:18px; margin:2px 0px;}
.featredtrade_location_hd span { font-size:13px; color:#454545;}
.featredtrade_rating { color:#969696; float:left; line-height:18px;}
.featredtrade_rating_img {float:left; margin:3px 0px 0px 5px; }

.testimonials { width:310px; float:right;}
.testimonial_blueimg { width:240px; height:143px; background:url(../images/testimonials_blueimg.png) no-repeat top left; padding:30px 35px 0px 35px; font-size:16px; line-height:21px; color:#454545; font-style:italic;}
.testimonial_name {font:14px "OpenSansBold", Arial, Helvetica, sans-serif; color:#5f5f5f; text-align:right; margin-top:20px;}
.testimonial_more {color:#19a3da; text-align:right; margin-top:3px;}
.testimonial_more a {color:#19a3da;}
.testimonial_more a:hover {color:#454545;}
.testimonial_dottedline { border-bottom:1px dotted #b6b6b6; margin:7px 0px 0px 0px;}

.registrnow_image { width:200px; height:135px; background:url(../images/registernow_img.png) no-repeat top left; margin-top:15px; padding:5px 0px 0px 110px;}
.registrnow_wanttojoin {font:20px "OpenSansRegular", Arial, Helvetica, sans-serif; color:#5f5f5f; line-height:26px; text-align:right;}
.registrnow_wanttojoin span {color:#19a3da;}
.registrnow_btn {font-size:15px; font-weight:bold; float:right; margin:5px 0px 0px 0px;}


/* ~~ FOOTER CSS ~~ */
footer { width:100%; background:url(../images/ftr_greyimg.jpg) repeat top left; border-top:1px solid #cecece; margin-top:10px;}
.ftr_middle { width:980px; margin: 0 auto; }
.ftr_topimg { width:158px; height:88px; background-position:-0px -0px; z-index:999px; position:absolute; right:0;}
.ftr_tradecategory { }/*height:350px;*/
.ftr_tradecategory_hd {font:30px "OpenSansRegular", Arial, Helvetica, sans-serif; color:#5c5c5c; padding-top:17px;}
.ftr_linkcolumn { width:230px; float:left; margin:20px 10px 30px 0px; }
.ftr_links { margin:0px;}
.ftr_links ul { margin:0px; padding:0px; list-style:none; line-height:25px;}
.ftr_links ul li { margin:0px; padding:0px; font-size:14px; color:#19a3da;}
.ftr_links ul li a {color:#19a3da;}
.ftr_links ul li a:hover {color:#454545;}

.ftr_darkgrey { width:100%; height:154px; background:url(../images/ftr_darkgreyimg.jpg) repeat top left; position:relative;}
.ftr_darkgrey_mid { width:980px; height:154px; margin:0 auto; background:url(../images/ftr_btmimg.png) no-repeat bottom left; position:relative;}

.ftr_social_greybx { width:234px; height:48px; background-position:-167px -3px; z-index:9999px; position:absolute; padding:10px 0px 0px 20px; top:-28px; left:364px;}
.ftr_social_facebk { width:41px; height:41px; background-position:-168px -66px; float:left; cursor:pointer; }
.ftr_social_twitter { width:41px; height:41px; background-position:-215px -66px; float:left; margin:0px 17px; cursor:pointer;}
.ftr_social_plus { width:41px; height:41px; background-position:-260px -66px; float:left; cursor:pointer;}
.ftr_social_youtube { width:41px; height:41px; background-position:-306px -66px; float:left; margin:0px 0px 0px 17px; cursor:pointer;}

.ftr_homelinks { color:#454545; text-align:center; padding-top:55px;}
.ftr_homelinks a { color:#454545; padding:0px 10px;}
.ftr_homelinks a:hover { color:#19a3da;}
.ftr_copyright { text-align:center; color:#737171; margin-top:30px;}
.error{color:red; padding-top:3px; display:block;}

.demostep2 {
    background-color: #ECECEC;
    border: 1px solid #BCBCBC;
    box-shadow: 0 3px 5px rgba(50, 50, 50, 0.5);
    color: #454545;
    font-size: 13px;
    height:22px;
    margin-top: 5px;
    padding: 10px;
    width: 415px;
}
.martp_tp{margin-top:25px;}


/* for pagination */
.pagi{ margin:0; padding:10px 0px; height:20px;}
.pagi a { color: #000; margin-left:5px;padding:3px 5px; background:#a8a8a8; text-align:center; font:13px 'PTSansRegular'; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
.pagi a:hover{ background:#51a7ec;}
.pagi b{ color: #000; margin-left:5px;padding:3px 5px; background:#51a7ec; text-align:center; font:13px 'PTSansRegular'; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}

/* for testimonial */
.testimonialbox{ margin:0px; padding:0px;}
.testimonialbox .seemore{ font-size:14px; text-align:right; padding-right:20px; color:#5c5c5c; font-style:italic;}
.testimonialbox .seemore a{ color:#5c5c5c;}
.testimonialbox .seemore a:hover{ color:#1f67a1;}
/*.testimonialbox .testimoniallist{ background:#e2eef8; position: relative; border-bottom: 4px solid #cbd1d6; margin-bottom:15px; padding-bottom:5px;}
*/
/* by alankar */ 
.testimonialbox .testimoniallist{ background:#e2eef8; position: relative; border-bottom: 4px solid #cbd1d6; height:219px;overflow:hidden;margin-bottom:15px; padding-bottom:5px;}
/* ---- */
.testimonialbox .testimoniallist h1{ text-align:center; color:#141414; text-transform:uppercase; font:17px 'PTSansRegular'; padding:10px 0px;}
.testimonialbox .testimoniallist dl{ border-top:1px solid #b3c3cf; padding:8px 15px;}
.testimonialbox .testimoniallist dd{ background:url(../images/leftcolon.png) no-repeat left top; line-height:18px; text-indent:24px; padding-bottom:5px;}
.testimonialbox .testimoniallist dt{  color:#235983; font-weight:bold; text-align:right;}
.testimoniallist:after, .testimoniallist:before{
	border: solid transparent;
	content: ' ';
	height: 0;
	bottom: 100%;
	position: absolute;
	width: 0;	
}
.testimoniallist:after {
	border-width:12px;
	border-top-color:#deeaf4;
	top:229px;
	right:41px;
}
.testimoniallist:before {
	border-width:13px;
	border-top-color:#cbd1d6;
	top:232px;
	right:40px;
}
.testimonial_list dd{ float:left; margin-left:13px; text-align:justify; line-height:18px;}s
.testimonial_list dl{ padding-bottom:14px; border-bottom:1px dotted #898989; margin-bottom:14px; display:block; width:100%;}


.testimonial_list{}
.testimonial_list dl{ border: 1px solid #CFCFCF; box-shadow: 0 8px 6px -6px #9B999A; -moz-box-shadow: 0 8px 6px -6px #9B999A; -webkit-box-shadow: 0 8px 6px -6px #9B999A; -o-box-shadow: 0 8px 6px -6px #9B999A; background:#fff; margin-bottom:12px; padding:12px;}
.testimonial_list dd{ text-align:justify; line-height:18px; width:97%; margin:0px; padding-left:26px;  background: url(../images/leftcolon.png) no-repeat scroll left top transparent;}
.testimonial_list dd article{background:url(../images/rightcolon.png) no-repeat right bottom; margin-bottom:10px;}
.testimonial_list dt{ color: #19a3da; font-weight: bold; text-align: right; }
/* end of testimonials */

.fin_job_top_srh_box{background:url(../images/gray_bg.jpg) repeat left top; border:1px solid #E3E3E3; padding:10px; margin-bottom:20px;}
.fin_job_top_srh_box .select{width:250px; height:32px; padding:5px; border:1px solid #ddd; float:left; color:#8b8b8b; margin-right:10px;}


/*define background color for main menu */
ul.topmenu li{
	padding:0px!important;	
}
ul.topmenu > li > a{
	padding: 0px 17px!important;	
	display:block;
	height:41px;
}
/* item1 - home */
ul.topmenu > li.item1 a{
	background: #6bc3e6;
	color:#085075;	
}
ul.topmenu > li.item1 a:hover{
	background: #fe9d04;
	color:#fff;	
}
ul.topmenu > li.item1 a.select{
	background: #fe9d04;
	color:#fff;	
}
/* item2 - post a job */
ul.topmenu > li.item2 a{
	background: #6bc3e6;
	color:#085075;	
}
ul.topmenu > li.item2 a:hover{
	background: #6aaa1e;
	color:#fff;	
}
ul.topmenu > li.item2 a.select{
	background: #6aaa1e;
	color:#fff;	
}
/* item2 - find a job */
ul.topmenu > li.item3 a{
	background: #6bc3e6;
	color:#085075;	
}
ul.topmenu > li.item3 a:hover{
	background: #6aaa1e;
	color:#fff;	
}
ul.topmenu > li.item3 a.select{
	background: #6aaa1e;
	color:#fff;	
}
/* item4 - find a lower cost */
ul.topmenu > li.item4 a{
	background: #6bc3e6;
	color:#085075;	
}
ul.topmenu > li.item4 a:hover{
	background: #a635c6;
	color:#fff;	
}
ul.topmenu > li.item4 a.select{
	background: #a635c6;
	color:#fff;	
}
/* item5 - how it work */
ul.topmenu > li.item5 a{
	background: #6bc3e6;
	color:#085075;	
}
ul.topmenu > li.item5 a:hover{
	background: #2054ab;
	color:#fff;	
}
ul.topmenu > li.item5 a.select{
	background: #2054ab;
	color:#fff;	
}
/* item6 - contact */
ul.topmenu > li.item6 a{
	background: #6bc3e6;
	color:#085075;	
}
ul.topmenu > li.item6 a:hover{
	background: #ee1721;
	color:#fff;	
}
ul.topmenu > li.item6 a.select{
	background: #ee1721;
	color:#fff;	
}

/* item7 - login */
ul.topmenu > li.item7 a{
	background: #fff;
	color:#000;	
}
ul.topmenu > li.item7 a:hover{
	background: #fff;
	color:#000;	
}
ul.topmenu > li.item7 a.select{
	background: #ff0000;
	color:#000;	
}
/* item8 - my account */
ul.topmenu > li.item8 a{
	background: #fff;
	color:#000;	
}
ul.topmenu > li.item8 a:hover{
	background: #ff00ff;
	color:#000;	
}
ul.topmenu > li.item8 a.select{
	background: #ff0000;
	color:#000;	
}
/* item9 - blogs */
ul.topmenu > li.item9 a{
	background: #6bc3e6;
	color:#085075;	
}
ul.topmenu > li.item9 a:hover{
	background: #a6bb1a;
	color:#fff;	
}
ul.topmenu > li.item9 a.select{
	background: #a6bb1a;
	color:#fff;	
}

/* blogs style */
.blog-item-thumb{
	width:150px;
	float:left;
	display:block;
	margin-right:10px;
}
.blog-item-body{
	max-width:820px;
	float:left;
	display:block;
}

.blog-dottedline{
	margin-bottom: 20px;
	border-bottom:2px dotted #B6B6B6;
	padding-bottom:20px;
	width:100%;

}
.blog_descrip{
	margin-bottom:30px;
}
.blog-title h2 {
  color: #19A3DA;
  font: 20px "OpenSansRegular",Arial,Helvetica,sans-serif;
  margin: 15px 0;
}

.attachfile{
	background:url(../images/attachment.png) no-repeat;	
	padding-left:20px;
}